<template>
  <div class='Home'>
    <h1>{{ state.show }}</h1>
    <button @click="toggle">切换</button>

    <Header></Header>
    <Footer></Footer>
    <LeftMenu></LeftMenu>
  </div>
</template>

<script setup>
import Header from '../components/common/header.vue'
import Footer from '../components/common/footer.vue'
import LeftMenu from '../components/common/leftmenu.vue'
import { reactive} from 'vue'
let state = reactive({
  show: true
})
const toggle = () => {
  state.show = !state.show
}
</script>

<style scoped lang='scss'>

</style>